<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RDFaCE: RDFa Content Editor</title>
<!-- Load jquery-->
<script type="text/javascript" src="../jscripts/tiny_mce/jquery.js"></script>
<!-- Load drag and resize library -->
<script type="text/javascript" src="../jscripts/tiny_mce/plugins/rdfa/js/util/jquery.DnR.js"></script>
<script type="text/javascript" src="../jscripts/tiny_mce/plugins/rdfa/js/util/dimensions.DnR.js"></script>
<!-- Load popular prefixes -->
<script type="text/javascript" src="../jscripts/tiny_mce/plugins/rdfa/js/util/prefixes.js"></script>
<!-- Load DOM Manipulator-->
<script type="text/javascript" src="../jscripts/tiny_mce/plugins/rdfa/js/util/DOMManipulator.js"></script>
<!-- Load TinyMCE -->
<script type="text/javascript"
	src="../jscripts/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript">
	$()
			.ready(
					function() {
						$('textarea.tinymce')
								.tinymce(
										{
											// Location of TinyMCE script
											script_url : '../jscripts/tiny_mce/tiny_mce.js',
											//disable cleaning up HTML
											//cleanup : false,
											//verify_html : false,
											// General options
											theme : "advanced",
											plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist,rdfa",
											// Add XHHTML elements for RDFa
											valid_elements : "*[*]",
											//extended_valid_elements : "div[about|content|datatype|property|rel|rev|resource|src|typeof|id],span[about|content|datatype|property|rel|rev|resource|src|typeof|id],p[about|content|datatype|property|rel|rev|resource|src|typeof|id],a[about|content|datatype|property|rel|rev|resource|src|typeof|id],img[about|content|datatype|property|rel|rev|resource|src|typeof|id]",
											// Theme options
											theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
											theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
											theme_advanced_buttons3 : "namespace,about,property,rdfGraph,rdfEnrich,stat,setting",
											theme_advanced_toolbar_location : "top",
											theme_advanced_toolbar_align : "left",
											theme_advanced_statusbar_location : "bottom",
											theme_advanced_resizing : true,

											// Example content CSS (should be your site CSS)
											content_css : "css/content.css",

											// Drop lists for link/image/media/template dialogs
											template_external_list_url : "lists/template_list.js",
											external_link_list_url : "lists/link_list.js",
											external_image_list_url : "lists/image_list.js",
											media_external_list_url : "lists/media_list.js",

											// Replace values for the template plugin
											template_replace_values : {
												username : "Some User",
												staffid : "991234"
											}
										});
					});
</script>
<!-- /TinyMCE -->
</head>
<body>
<h4>RDFa Content Editor -- Demo</h4>
<form method="post"
	action="http://localhost/googleRep/TinyMCE 3.4.3.2 jQuery package/php/page.php">
<div><textarea id="elm1" name="elm1" rows="15" cols="80"
	style="width: 80%" class="tinymce">
&lt;h1 &gt;Messi's Goals Worthy of Praise&lt;/h1&gt; &lt;div &gt;&lt;img src="http://graphics8.nytimes.com/images/2011/04/28/sports/28onsoccer-1/28onsoccer-1-articleLarge.jpg" alt="" width="246" border="0" height="129" /&gt; &lt;div &gt;Sergio Perez/Reuters&lt;/div&gt; &lt;p &gt;Barcelona's Lionel Messi, left, celebrates after scoring his second goal against Real Madrid.&lt;/p&gt; &lt;/div&gt; &lt;h6 &gt;By &lt;a href="http://topics.nytimes.com/top/reference/timestopics/people/h/rob_hughes/index.html?inline=nyt-per" &gt;ROB HUGHES&lt;/a&gt;&lt;/h6&gt; &lt;h6 &gt;Published: April 27, 2011&lt;/h6&gt; &lt;p&gt;Thank the world for &lt;a href="http://topics.nytimes.com/top/reference/timestopics/people/m/lionel_messi/index.html?inline=nyt-per" &gt;Lionel Messi&lt;/a&gt;. Without him, without the two goals he scored for &lt;a href="http://topics.nytimes.com/top/news/sports/soccer/la-liga/fc-barcelona/index.html?inline=nyt-org"  &gt;Barcelona&lt;/a&gt; to beat &lt;a href="http://topics.nytimes.com/top/news/sports/soccer/la-liga/real-madrid/index.html?inline=nyt-org" &gt;Real Madrid&lt;/a&gt;, 2-0, in Madrid's Bernabeu stadium Wednesday night, soccer would now be lamenting the ugly face of the millionaires' game.&lt;/p&gt; &lt;p&gt;As it turned out, Messi's goals, the second when he took on the entire Madrid defense on his own, turned brutishness into beauty.&lt;/p&gt; &lt;p&gt;The outcome left Barcelona the favorite to finish off Madrid in the second leg of the Champions League semifinal Tuesday in its home stadium. It leaves the probable final of the top European competition a rematch, at London's Wembley Stadium, of the 2009 final in Rome between Barcelona and &lt;a href="http://topics.nytimes.com/top/news/sports/soccer/premier-league/manchester-united/index.html?inline=nyt-org" &gt;Manchester United&lt;/a&gt;.&lt;/p&gt; &lt;h6 &gt;&lt;span style="font-size: xx-small;"&gt;A version of this article appeared in print on April 28, 2011, on page B18 of the New York edition with the headline: Pretty Goals and Complaining Coach.&lt;/span&gt;&lt;/h6&gt;
			</textarea></div>
<br><div align="left">
<a href="javascript:;" onclick="alert($('#elm1').tinymce().selection.getContent());return false;">[Get selected HTML]</a>
 <input type="reset" name="reset" value="Reset" />&nbsp;<input type="submit" name="submit" value="Submit" />&nbsp;
<span about="http://" style="border: 1px solid #8aadd6;">about</span>&nbsp;&nbsp;
<span typeof="foaf:type" style="border: 1px solid #88cc00;border-radius: 15px 15px 15px 15px;	">typeof</span>&nbsp;&nbsp;
<span property="foaf:property" style="border: 1px solid  #EB9861;border-radius: 15px 15px 15px 15px;">property/rel</span>
</div>

</div>
</form>
	<div class="clearlooks2" style="width:308px; height:370px; left:420px;display:none;" id="tripleBrowser">
		<div class="mceWrapper mceMovable mceFocus">
			<div class="mceTop">
				<div class="mceLeft"></div>
				<div class="mceCenter"></div>
				<div class="mceRight"></div>
				<span>Triple Browser</span>
			</div>

			<div class="mceMiddle">
				<div class="mceLeft"></div>
				<span><iframe id="tripleFrame" height="345" width="300" frameborder="0" src="../jscripts/tiny_mce/plugins/rdfa/tripleBrowser.htm">
   Your browser can't display IFRAMEs
</iframe></span>
				<div class="mceRight"></div>
			</div>

			<div class="mceBottom">
				<div class="mceLeft"></div>
				<div class="mceCenter"></div>
				<div class="mceRight"></div>
				<span>Statusbar text.</span>
			</div>

			<a class="mceMove"></a>
			<a id="closeIcon" class="mceClose"></a>

		</div>
	</div>
</div>
<script type="text/javascript">
	if (document.location.protocol == 'file:') {
		alert("The examples might not work properly on the local file system due to security settings in your browser. Please use a real webserver.");
	}
</script>
<hr>
Created by <a href="http://aksw.org">AKSW research group</a>.<br>
For more information: <a href="http://aksw.org/Projects/RDFaCE">RDFaCE Project Page</a>
</body>
</html>
